<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body>
    <nav>
      <img src="./images/burger.svg" alt="" />
      <a href="./index.html" class="logo">Tom</a>
      <img src="./images/shopping-cart.svg" alt="" srcset="" />
    </nav>
    <section class="showcase">
      <div class="image-container">
        <img src="./images/frontpage-handbag.png" alt="" srcset="" />
      </div>
      <div class="showcase-text">
        <h2 class="showcase-title">aaaaaaaaaaakk;考虑是的附近</h2>
        <h3 class="showcase-subtitle">啊肯德基法律，加快建设大幅离开</h3>
        <a href="./product-page.html">
          <button class="showcase-button">explore</button>
        </a>
      </div>
      <a href="./boot.html">
        <svg
          class="showcase-arrow"
          width="26"
          height="46"
          viewBox="0 0 26 46"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M25.1213 25.1213C26.2929 23.9497 26.2929 22.0503 25.1213 20.8787L6.02944 1.7868C4.85786 0.615224 2.95837 0.615224 1.7868 1.7868C0.615224 2.95837 0.615224 4.85786 1.7868 6.02944L18.7574 23L1.7868 39.9706C0.615224 41.1421 0.615224 43.0416 1.7868 44.2132C2.95837 45.3848 4.85786 45.3848 6.02944 44.2132L25.1213 25.1213ZM19 26H23V20H19V26Z"
            fill="white"
          />
        </svg>
      </a>
      <svg
        class="circle circle-1"
        width="243"
        height="243"
        viewBox="0 0 243 243"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <circle
          cx="121.5"
          cy="121.5"
          r="121.5"
          fill="white"
          fill-opacity="0.25"
        />
      </svg>
      <svg
        class="circle circle-2"
        width="243"
        height="243"
        viewBox="0 0 243 243"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <circle
          cx="121.5"
          cy="121.5"
          r="121.5"
          fill="white"
          fill-opacity="0.25"
        />
      </svg>
      <svg
        class="circle circle-3"
        width="243"
        height="243"
        viewBox="0 0 243 243"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <circle
          cx="121.5"
          cy="121.5"
          r="121.5"
          fill="white"
          fill-opacity="0.25"
        />
      </svg>
    </section>
    <script src="https://cdn.jsdelivr.net/npm/@barba/core"></script>
    <script src="../gsap.min.js"></script>
    <script src="./app.js"></script>
  </body>
</html>
